
<!-- content -->
<style type="text/css">
.js{width:90%; margin:10px auto 0 auto; }
.js p{ padding:5px 0; font-weight:bold; overflow:hidden;  }
.js p span{ float:right; }
.js p span a{ color:#f00; text-decoration:underline;   }
.js textarea{ height:100px;  width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa;  border-left:2px solid #aaa;  }

/* 本例子css */
.picFocus{ margin:0 auto;  width:100%; padding:10px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:20px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:255px; height:120px; border:2px solid #ddd; cursor:pointer; margin: 0px 14px 0px 19px;}
.picFocus .hd ul li.on{ background:url("../Public/images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:908px; height:425px; display:block;  }
.picFocus .bd .next,.picFocus .bd .prev{display:block;width:30px;height:43px;position: absolute;z-index: 999;color: #FFF;margin-top: 200px;}
.picFocus .bd .prev{left:22px;background: url(../Public/images/windimg8.png) no-repeat center;}
.picFocus .bd .next{right:320px;background: url(../Public/images/windimg9.png) no-repeat center;}
</style>
<div style="width:100%;height:auto;background:#EEE;min-height:300px;">
  <div class="wind_xgtny">
    <span style="display:block;line-height:40px;"> 我的位置： <span style="color:#888;">餐饮空间 ＞ 效果图</span></span>
    <div class="wind_xgtny_content">
          <!-- 相册部分 -->
        <div class="picFocus">
          <div class="bd">
          <a class="prev" href="javascript:void(0)"></a>
          <a class="next" href="javascript:void(0)"></a>
            <div class="wind_xgtny_content2">
              <div style="width:82%;margin:auto;height:auto;">
                <span style="font-size:20px;display:block;font-weight:bold;line-height:40px;">{$title}</span>
                <p style="color:#A7A7A7;line-height:20px;">
                  {$describe}
                </p>
                <div class="wind_xgtny_contentUL">
                  <span style="margin-left:28px;">咖啡厅</span>
                  <span style="float:right;width:58px;">地中海</span>
                </div>
                <div class="wind_xgtny_contentUL2"  style="margin-top: 30px;">
                  <p>
                    <span style="font-size: 14px;font-weight: bold;color:#333;">设计理念：</span>
                   {$content}
                  </p>
                </div>
              </div>
            </div>
            <ul>
            <?php foreach($pics as $k=>$r){?>
              <li><a target="_blank" href=""><img src="<?php echo $r['filepath'] ?>" /></a></li>
            <?php } ?>
            </ul>
          </div>

          <div class="hd">
            <ul>
             <?php foreach($pics as $k=>$r){?>
              <li><img src="<?php echo $r['filepath'] ?>" /></li>
             <?php }?>
            </ul>
          </div>
        </div>
        <script type="text/javascript">
        jQuery(".picFocus").slide({ mainCell:".bd ul",effect:"left",autoPlay:false });
        </script>
        <!-- end -->
        <ul class="wind_xgtnyUL1">
          <li><img src="../Public/images/wind_block1.png" />&nbsp;{$hits}</li>
          <li style="width:100px;text-align:right;">分享到：<div style="  border:#333 solid 1px;" class="bshare-custom"><a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script></li>
          <li class="wind_public2">
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
          </li>
        </ul>
        <div style="clear:both;"></div>
        <ul class="wind_xgtnyUL2">
          <a href="index.php?g=User&m=Index&a=eva_post&like=1&mm=Case&id={$id}"><li><img src="../Public/images/windimg11.png" /></li></a>
          <a href="index.php?g=User&m=Index&a=eva_post&haet=1&mm=Case&id={$id}"><li><img src="../Public/images/windimg12.png" /></li></a>
          <li class="wind_xgtnyUL2li">
            <span><u>{$like_num}</u></span>
            <span style="margin-left: 29px;"><u>{$haet_num}</u></span>
          </li>
        </ul>
        <div style="clear:both;"></div>
        <div class="wind_border"></div>
<!--评论-->

     <?php 
         $field='jg_comment.id,jg_comment.content,jg_comment.createtime,jg_user.avatar,jg_user.nickname';
         $where='jg_Comment.`conid`='.$id;
         $reluts=M('Comment')->field($field)->where($where)->join('jg_user ON jg_comment.userid = jg_user.id')->limit('50')->select();
          foreach($reluts as $key=>$val){
    ?>
        <ul class="wind_xgtnyUL3">
          <li>
            <img class="wind_header" src="{$val['avatar']}" />
          </li>
          <li>
            <ul class="wind_xgtnyUL4">
              <li style="width:100%;">
                <span style="font-size:18px;line-height:42px;">{$val['nickname']}&nbsp;&nbsp;</span>
                <span style="color:#999;">{$val.createtime|toDate=###,'Y-m-d H:i:s'}说：</span>
              </li>
                <p>{$val['content']}</p>
            </ul>
          </li>
          <div style="clear:both;"></div>
        </ul>
        <?php }?>
 <!--评论-->       
       
       <form name="myform" id="myform" action="{:URL('User-Index/comment_post')}" method="post">
        <input type="hidden" name="conid" value="{$id}"/> 
        <input type="hidden" name="contype" value="Case"/>
        <input type="hidden"  name="catid" value="{$catid}" />
		<input type="hidden"  name="moduleid" value="{$moduleid}" />
		<input type="hidden"  name="lang" value="{$langid}" />
        <ul class="wind_xgtnyUL3" style="border:none;">
          <li>
            <img class="wind_header" src="../Public/images/windhead1.png" />
          </li>
          <li>
            <ul class="wind_xgtnyUL4">
              <li style="width:100%;">
                <textarea class="wind_textarea"  name="content" placeholder="添加评论~~"></textarea>
              </li>
            </ul>
          </li>
          <div style="clear:both;"></div>
           <input type="submit" value="添加评论" style="cursor: pointer" class="wind_xgtnyULpinl" />
        </ul>
       
    </div>
  </div>
</div>
<div style="clear:both;"></div>
<script type="text/javascript">
  //搜索
  $('#idState2').mouseover(function(){
    $(this).children('li').css('display','block');
  });
  $('#idState2').mouseout(function(){
    $(this).children('li').css('display','none');
  });
          //点击地址 搜索
        function getva(vals){
         
            $('#text2').html(vals);
        }
        $('#idState2 li').click(function(){
          // alert($(this).children('a').attr('title'));
          $('#date2').attr('value',$(this).children('a').attr('title'));
        })
</script>
                                                                                                                                                                                                                                                                                                                                                                                                                                                